﻿<h3>Featured Products</h3>
<!--<a href="#/admin_index" class="btn btn-danger col-lg-offset-6">Admin View</a>--> 
<div class="span9">
    <ul class="breadcrumb">
        <li><a href="#/">Home</a> <span class="divider">/</span></li>
        <li class="active">Featured Products</li>
    </ul>
 </div>
<div class="span3">
    Sort By:
    <select ng-model="sortExpression">

    <option value="Name" selected>Name A-Z</option>
    <option value="-Name">Name Z-A</option>
    <option value="Price">Price - Lowest to Highest</option>
    <option value="-Price">Price - Highest to Lowest</option>
</select>
</div>
<br /><br /><br /><br />

<hr class="soft span9" />
<p class="span9">
    <strong>We are LES FEMMES FATALES, providers of weaponry, disguises, and surveillance products for dangerous women. Be afraid... Be very afraid.</strong>
</p>
<hr class="soft span9" />

    <ul class="thumbnails span10">
        <li ng-repeat="gadget in Gadgets | filter: search | filter : catfilter | orderBy: sortExpression">
            <div class="thumbnail">
                <!--Change href back-->
                <a href="#/product_details/{{gadget.Id}}"><img id="indexPic" src="{{gadget.TopPict}}" width="160" height="160" /></a>
                <div class="caption">
                    <h5>{{gadget.Name}}</h5>
                    <p>
                        {{gadget.Description}}
                    </p>
                    <!--Change href back-->
                    <h4 style="text-align:center"><a class="btn" href="#/product_details/{{gadget.Id}}"> <i class="icon-zoom-in"></i></a> <button class="btn" ng-click="addItem(gadget.Id)">Add to <i class="icon-shopping-cart"></i></button> <a class="btn btn-primary" href="#">{{gadget.Price}}</a></h4>
                </div>
            </div>
        </li>
    </ul>

